//该文件用于创建Vuex中最核心的store
import Vuex from 'vuex'
import Vue from "vue";
Vue.use(Vuex)

const CountAbout = {
  namespaced: true,
  state: {
    sum: 0,
    school: '尚硅谷',
    subject: 'Vue'
  },
  actions: {
    // 这里的context是一个简易的Store对象，包含了commit方法和state属性
    jia(context, value) {
      context.commit('JIA', value)
    },
    jian(context, value) {
      context.commit('JIAN', value)
    },
    incrementIfOdd(context, value) {
      if (context.state.sum % 2) {
        context.commit('JIA', value)
      }
    },
    incrementAsync(context, value) {
      setTimeout(() => {
        context.commit('JIA', value)
      }, 1000)
    }
  },
  mutations: {
    JIA(state, value) {
      console.log('mutations中的JIA被调了',state, value)
      state.sum += value
    },
    JIAN(state, value) {
      state.sum -= value
    }
  },
  //用于将state中的数据进行加工
   getters : {
    bigSum(state) {
      return state.sum * 10
    }
  }

}
const PersonAbout = {
  namespaced: true,
  state: {
    personList: [
      { id: '001', name: '张三' }
    ]
  },
  actions: {
    // 这里的context是一个简易的Store对象，包含了commit方法和state属性
    add(context, value) {
      context.commit('ADD', value)
    },
  },
  mutations: {
    ADD(state, value) {
      console.log('mutations中的ADD被调了',state, value)
      state.personList.unshift(value)
    },
  },
  getters: {
    firstPersonName(state) {
      return state.personList[0].name
    }
  }

}



//创建store
export default new Vuex.Store({
  modules: {
    CountAbout:CountAbout,
    PersonAbout:PersonAbout
  }
})
